/*----------------------------- Misc ----------------------------*/

.clear {
    clear:both;
}

.clearfix {
    display:block;
}

.clearfix:after {
    display:table;
    clear:both;
    content:" ";
}

.left {
    float:left;
}

.right {
    float:right;
}

.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}

.text-center {
    text-align:center;
}

.hidden {
    display:none;
}

.hidden-wrap {
    overflow:hidden;
}

.shifted {
    position:absolute;
    left:-9999px;
}

.visible {
    visibility:visible;
    opacity:1!important;
}

.highlight {
    background:#ffff99;
}

.nomargin {
    margin:0!important;
}

.fullwidth {
    display:block;
    padding:0!important;
    width:100%!important;
    height:auto;
}

.alignnone {
    /*margin: 0.5em 0 0 0;*/
    margin: 0 0 0 0;
}

.alignright {
    float:right;
    margin: 0 0 1em 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 1em 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 1em auto;
    text-align:center;
}

.aligncenter * {
    text-align:center;
}

.secondary {
    color:#777;
}

.bypostauthor {
    color:#777;
    font-weight:normal;
}

.sticky {
    padding-bottom:2em;
    border-bottom:1px dotted #ccc;
}

/* ================================ LAYOUT =========================== */

/*------------------------------ Columns ---------------------------*/

.row {
    margin:0 auto;
    padding:0 30px;
    width:1140px;
}

.row:before, .row:after {
    display:table;
    content:" ";
}

.row:after {
    clear:both;
}

.row .row {
    min-width:0;
    max-width:none;
    width:auto;
}

.column {
    position:relative;
    float:left;
    margin-right: 3.8%;
    min-height:1px;
}

.row .onecol { width: 4.85%; }
.row .twocol { width: 13.45%; }
.row .threecol { width: 22.05%; }
.row .fourcol { width: 30.75%; }
.row .fivecol { width: 39.45%; }
.row .sixcol { width: 48%; }
.row .sevencol { width: 56.75%; }
.row .eightcol { width: 65.4%; }
.row .ninecol { width: 74.05%; }
.row .tencol { width: 82.7%; }
.row .elevencol { width: 91.35%; }
.row .twelvecol { width: 100%; }

.ie .onecol { width: 4.7%;}
.ie .twocol { width: 13.2%; }
.ie .threecol { width: 22.05%; }
.ie .fourcol { width: 30.6%; }
.ie .fivecol { width: 39%; }
.ie .sixcol { width: 48%; }
.ie .sevencol { width: 56.75%; }
.ie .eightcol { width: 61.6%; }
.ie .ninecol { width: 74.05%; }
.ie .tencol { width: 82%; }
.ie .elevencol { width: 91.35%; }

.last { margin-right: 0px!important; }

/*--------------------------- Header --------------------------*/

.header-wrap {
    position:relative;
    z-index:101;
    background-color:#3d4e5b;
    color:#fff;
}

.site-header {
    padding:2em 0;
    border:1px solid rgba(255,255,255,0.1);
    border-right-width:0;
    border-left-width:0;
}

.site-header:after {
    bottom:-1px;
}

.site-logo a {
    color:#fff;
    font-size:1.5em;
}

.site-logo h1 {
    margin:0.3em 0 0 0;
}

/*--------------------------- Content --------------------------*/

.featured-content {
    position:relative;
    overflow:hidden;
    background:#fff;
}

.featured-content:after {
    position:absolute;
    right:0;
    bottom:-5px;
    left:0;
    z-index:100;
    display:block;
    width:100%;
    height:5px;
    content:" ";
}

.featured-content h1 {
    margin-bottom:0.7em;
    font-size:2em;
}

.main-content {
    position:relative;
    z-index:100;
    padding:4em 0 8.5em 0;
    background:#fff;
}

.main-content p {
    color:#555;
}

.site-wrap {
    position:relative;
    overflow:hidden;
    min-height:100%;
}

.page-title {
    position:relative;
    z-index:2;
    overflow:hidden;
    padding:1.6em 0;
    color:#fff;
}

/*--------------------------- Substrate --------------------------*/

.substrate {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:0;
    overflow:hidden;
    width:100%;
}

.substrate img {
    display:block;
    width:100%;
    height:auto;
}

.featured-content .substrate:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    display:block;
    background:url(img/substrate_bg.png);
    content:" ";
}

/* =========================== SLIDERS =========================== */

.themex-slider {
    position:relative;
    overflow:hidden;
}

.themex-slider > ul {
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
}

.themex-slider > ul > li {
    position:relative;
    display:block;
    overflow:hidden;
}

.themex-slider > ul > li.current,
.themex-slider > ul > li:first-child {
    z-index:1;
}

.themex-slider > ul > li > img,
.themex-slider > ul > li > a > img {
    display:block;
    width:100%;
    height:auto;
}

.themex-slider .arrow {
    position:absolute;
    top:50%;
    z-index:100;
    margin-top:-12px;
    width:13px;
    height:23px;
    background:url(img/main_slider_arrows.png) -13px 0 no-repeat;
    cursor:pointer;
}

.themex-slider .arrow-left {
    left:24px;
}

.themex-slider .arrow-right {
    right:24px;
    background-position:0 0;
}

/*------------------------------- Parallax Slider ----------------------------*/

.parallax-slider {
    overflow:hidden;
    color:#fff;
}

.parallax-slider .substrate {
    width:130%;
}

.parallax-slider > ul {
    overflow:hidden;
    width:10000%;
    opacity:0;
}

.parallax-slider > ul > li {
    display:block;
    float:left;
}

.parallax-slider img.aligncenter,
.parallax-slider img.alignnone {
    display:block;
}

/* ========================= RESPONSIVE STYLES ======================== */

/* --------------------------- 940px-1199px --------------------------- */

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
    .row {
        width:940px;
    }
}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
    .row {
        width:708px;
    }
}

/* ------------------------------ 0-999px ---------------------------- */

@media only screen and (max-width: 999px) {
    .header-navigation .menu {
        display:none;
    }

    .header-navigation .select-menu {
        display:block;
    }

    .search-form input:focus {
        width:60px;
    }
}

/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {

    .row .column {
        margin:0 0 3em 0;
        width:100%;
    }

    .row .column > .column {
        margin-bottom:1em;
    }

    .column.last,
    .courses-listing .column,
    .lessons-listing,
    .formatted-form .column{
        margin-bottom:0;
    }

    .site-header .search-form,
    table.cart .coupon,
    .boxed-slider .caption,
    .parallax-slider .substrate,
    .footer-navigation {
        display:none;
    }

    .mobile-search-form {
        display:block;
    }

    .select-menu,
    .site-header .site-logo,
    .site-footer .copyright,
    .header-navigation {
        float:none;
        width:100%;
    }

    .site-header,
    .site-footer {
        text-align:center;
    }

    .header-options {
        display:inline-block;
        float:none;
        margin:1em 0 2px 0;
    }

    .login-options,
    .share-button,
    .search-form,
    .select-menu {
        text-align:left;
    }

    .share-button {
        margin-left:0;
    }

    .parallax-slider {
        /*padding-top:3em;*/
        padding-top:0;
    }

    .parallax-slider .column {
        top:0!important;
    }

    .post .post-image ,
    .course-content .course-questions {
        margin-bottom:1.5em;
    }

    .vertical-tabs .tabs {
        margin-bottom:1.5em;
        border-width:0;
    }

    .vertical-tabs .tabs li {
        margin-top:-1px;
    }

    .vertical-tabs .tabs li.current {
        margin-right:0;
        border-right:1px solid #E5E5E5;
    }

    .vertical-tabs .panes {
        padding:0;
        border-width:0;
    }

    div.product div.images,
    .col2-set .col-2,
    .col2-set .col-1,
    ul.products li.product,
    div.product div.summary {
        width:100%;
        margin-right:0;
        margin-bottom:2em;
    }
}

/* ============================ IE FIXES ============================ */

.ie .row,
.ie .clearfix {
    zoom:1;
}